page {
  min-height: 100%;
  background-color: #f6f6f6;
}
.notice-warp{
  height: 88rpx;
  background: #FFFDE9;
  font-size: 26rpx;
  line-height: 88rpx;
  padding-left: 30rpx;
}
.notice,.notice-cont{
  display: inline-block;
}
.notice text{
  color: #E51F54;
}
.goods-warp{
  background: #fff;
  margin-bottom: 20rpx;
  padding: 30rpx;
  height: 150rpx;
}
.goods-pic,.goods-cont{
  display: inline-block
}
.goods-title{
  height: 80rpx;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
}
.goods-pic image{
  width: 150rpx;
  height: 150rpx;
  background: #E51F54;
  margin-right: 20rpx;
}
.goods-cont{
  width: 516rpx;
  color: #1f1f1f;
  font-size: 28rpx;
}
.goods-spec{
  color: #b2b2b2;
  font-size: 26rpx;
  line-height: 40rpx;
}
.goods-price{
  color: #1d1d1d;
  font-size: 30rpx;
  display: inline-block;
  padding-right: 20rpx;
}
.goods-people{
  display: inline-block;
  color: #E51F54;
  font-size: 22rpx;
  border: 2rpx solid #E51F54;
  padding: 3rpx 14rpx;
  border-radius: 4rpx;
}
.people-cont{
  height: 326rpx;
  background: #fff;
}
.terminate-warp{
  height: 90rpx;
  width: 100%;
  display: flex;
  justify-content: center;
  line-height: 90rpx;
  font-size: 28rpx;
  margin-bottom: 30rpx;
}
.terminate-warp image{
  width: 74rpx;
  height: 10rpx;
  margin-top: 40rpx;
  vertical-align: middle;
  display: inline-block;
  padding: 0 10rpx;
}
.terminate-left{
  display: inline-block;
  margin-left:10rpx; 
}
.terminate-left text{
  color: #E51F54;
}
.terminate-right{
  display: inline-block;
  margin-right:10rpx; 
  font-size: 24rpx;
}
.terminate-box{
  text-align: center;
  font-size: 24rpx;
  display: inline-block;
  margin: 0 18rpx;
}
.terminate>view{
  height: 46rpx;
  width: 46rpx;
  padding: 0 10rpx;
  line-height: 50rpx;
  display: inline-block;
  text-align: center;
  background: #E51F54;
  color: #fff;
  border-radius: 12rpx;
}
.people,.nopeople{
  width: 100rpx;
  display: inline-block;
  margin-left:40rpx;
  text-align: center;
  line-height: 40rpx;
}
.people image{
  width: 88rpx;
  height: 88rpx;
  border-radius: 50%;
  background: #E51F54;
}
.people text{
  color: #464646;
  font-size: 25rpx;
  display: flex;
  margin: 0 auto;
justify-content: center;
}
.erkai{
  width: 100%;
  text-align: center;
  margin-top: 70rpx;
}
.nopeople{
  /* position: relative;
  left: -6rpx;
  width: 100rpx;
  border: none;
  height: 190rpx; */
   /* margin: 60rpx 30rpx; */
  height: 88rpx;
  border-radius: 44rpx;
  background: #E51F54;
  text-align: center;
  line-height: 88rpx;
  color: #fff;
  width: 80%;
  margin: 0;
}
/* .nopeople image{
  position: absolute;
  top: 0;
  left: 6rpx;
  right: 6rpx;
  width: 88rpx;
  height: 88rpx;
  border-radius: 50%;
  background: #F3F3F3;
}
.nopeople text{
  position: absolute;
  top: 110rpx;
  left: 0;
  right: 0;
  z-index: 100;
  color: #B1B1B1;
  font-size: 24rpx;
} */

.time{
   display: flex;
   justify-content: center
}
.time .endTime{
   display: flex
}
.comeOn{
  background-color: #E51F54;
  color: white;
  border-radius: 44rpx;
  width: 80%;
  margin: 0 auto;
}
.mask-box{
  position: fixed;
  top: 0rpx;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.4);
}
.mask-bot{
  position: fixed;
  width: 92%;
  bottom: 0rpx;
  background: #fff;
  padding: 30rpx;
}
.popup-warp{
  height: 170rpx;
}
.popup-pic image{
  width: 140rpx;
  height: 140rpx;
  background: #E51F54;
}
.pop-warp{
  width: 534rpx;
}
.pop-title{
  font-size: 28rpx;
  color: #363636;
  margin-bottom: 20rpx;
}
.pop-current{
  font-size: 24rpx;
  color: #E51F54;
  display: inline-block;
}
.pop-current text{
  font-size: 30rpx;
}
.pop-repertory{
  color: #B2B2B2;
  font-size: 26rpx;
  line-height: 60rpx;
}
.pop-repertory text{
  color: #E51F54; 
}
.spec-warp{
  margin-top: 30rpx;
}
.spec{
  color: #858585;
  font-size: 28rpx;
  display: inline-block;
  padding-right: 30rpx;
  line-height: 50rpx;
}
.option-warp{
  display: inline-block;
  font-size: 24rpx;
}
.frame{
  margin-right: 20rpx;
}
.frame .normal{
  padding: 16rpx 34rpx;
  border: 1rpx solid #858585;
}
.op-active{
  padding: 16rpx 34rpx;
  background: #E51F54;
  color: #fff;
  border: 1rpx solid #E51F54;
}
.count-warp{
  margin-top: 50rpx;
}
.count-warp .but{
  display: inline-block;
}
.count-warp .but text{
  width: 68rpx;
}
.count-warp .but .but-count{
  width: 100rpx;
}
.btn-sure{
  margin-top: 55rpx;
}
.confirm{
  width: 690rpx;
  height: 88rpx;
  line-height: 88rpx;
  text-align: center;
  background: #E51F54;
  color: #fff;
}
 .time_tt .time{
   display: flex;
   justify-content: center
}
.time_tt .time .endTime{
   display: flex
}
.colonel{
  position: absolute;
  top: 15rpx;
  left: -25rpx;
  transform: rotate(-45deg);
  background: #E51F54;
  color: #fff;
  font-size: 18rpx;
  height: 25rpx;
  width: 100rpx;
  line-height: 20rpx;
  text-align: center;
}
.colonel-warp{
  width: 88rpx;
  height: 88rpx;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
/* .yiqipin{
   margin-top: 150rpx; 
} */